/*
 主页样式表模块
*/
html, body {padding: 0;margin: 0}
body {
  /*background-image: url(../imgs/back.png);background-position:  right top;background-origin: border-box;animation: bgsize ease-in-out 20s infinite alternate-reverse;*/
  background-color: #eaeff2!important;
  position: absolute;height: 100vh;width: 100vw;}
/*body {background-image: url(../imgs/img.png);background-position:  right top;background-origin: border-box;position: absolute;height: 100vh;width: 100vw;;animation: bgsize ease-in-out 10s infinite alternate-reverse}*/
@keyframes bgsize {
  /*backdrop-filter: invert(1) grayscale(1);*/
  /*0% {background-size: 100%;}*/
  /*100% {background-size: 110%;}*/
}
.toph + iframe {display: block;height: calc(100vh - 80px);margin-top: 20px;width: 100vw; border: none}
.toph {height: 45px;margin: 10px 0;display: flex;flex-direction: row;background: #467ae5;color: #eee;overflow: unset;box-shadow: 0 4px 8px #14175387}
/*.toph > * {border: 1px solid red}*/
.toph > .time, .toph > .user {width: 230px;vertical-align: middle;padding: 4px 0;text-align: center;color: #FFF}
.toph > nav {flex-grow: 1 !important;position: relative;padding: 0}
.toph > nav > ul {width: 100%;height: 100%;display: block;position: absolute}
.toph > nav > ul > li {display: inline-block;width: 140px;margin: 0 -14px;position: relative}
.toph > nav > ul > li > a:before {content: "";position: absolute;width: 0;left: 0;height: 4px;bottom: 0;background: #ffffff;transition: all .7s ease-in}
.toph > nav > ul > li:hover > a, .toph li.nav-item.active > a {border-color: #fff;background: #0042c6;}
.toph > nav > ul > li:hover > a:before, .toph > nav > ul > li.active > a:before {width: 100%;transition-duration: .2s;}
.toph > .time + nav > ul > li > a {clip-path: polygon(80% 0%, 0% 0%, 20% 100%, 100% 100%);}
.toph > .title + nav > ul > li > a {clip-path: polygon(100% 0%, 20% 0%, 0% 100%, 80% 100%);}
.toph > nav > ul > li > a {text-align: center;height: 45px;vertical-align: center;font-weight: unset;color: #FFF !important;}
.toph > a.title {text-align: center;vertical-align: middle;margin: -10px 0 -10px !important;width: 520px;
  background-image: url(../imgs/ttl1.png) !important;padding: 10px;font-size: 30px;font-family: cursive;font-weight: 600;color: #fff;text-decoration: unset;}
.toph .dropdown:hover > .dropdown-menu { display: block; position: absolute;}
.toph nav a {text-decoration: none;color: unset}
/*body:after { content: url(/static/imgs/shk.png); width: 200px;position: absolute;right: 2px; bottom: 2px}*/